<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录案例</title>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript">
    $(function(){
		//邮箱地址文本框获得焦点时
		   $("#address").focus(function(){
			   //得到当前的文本框中的值
			   var txtvalue=$(this).val();
			   if(txtvalue=='请输入邮箱地址'){
				   $(this).val("");//清空
				   }
			   });
			//地址框失去焦点时
			$("#address").blur(function(){
				//得到当前的文本框中的值
			   var txtvalue=$(this).val();
			   if(txtvalue==""){
				   $(this).val("请输入邮箱地址");
				   }
				});
				
				//以下是对密码框的验证
				$("#password").focus(function(){
			   //得到当前的文本框中的值
			   var txtvalue=$(this).val();
			   if(txtvalue==this.defaultValue){//当前的密码的框中的默认值
				   $(this).val("");//清空
				   }
			   });
			   
			   	$("#password").blur(function(){
				//得到当前的文本框中的值
			   var txtvalue=$(this).val();
			   if(txtvalue==""){
				   $(this).val(this.defaultValue);//默认值的获取
				   }
				});
		})

</script>
</head>

<body>
<input type="text" id="address" value="请输入邮箱地址"/>   <br/><br/>
<input type="text" id="password" value="请输入邮箱密码"/>  <br/><br/>
<input type="button" value="登陆"/>
</body>
</html>
